export const chartOptions1 = {
	grid: {
		left: 10, // 左侧边距（避免内容贴边）
		// right: 20, // 右侧边距
		containLabel: true // 确保标签被包含在网格内
	},
	title: {
		text: '训练容量',
		subtext: '展示当日各动作训练总容量',
		textStyle: {
			color: '#333',
			fontSize: '13px'
		},
		subtextStyle: {
			color: '#666',
			fontSize: '10px'
		}
	},
	xAxis: {
		data: [],
		axisLine: {
			lineStyle: {
				color: '#ccc'
			}
		},
		axisTick: {
			show: false
		},
		axisLabel: {
			color: '#333',
			interval: 0, // 强制显示所有标签（0 表示全部显示，默认自动计算）
		}
	},
	yAxis: {
		splitLine: {
			lineStyle: {
				color: '#eee',
				type: 'dashed'
			}
		},
		axisLine: {
			lineStyle: {
				color: '#ccc'
			}
		},
		axisTick: {
			show: false
		},
		axisLabel: {
			color: '#333',
			fontSize: '10px'
		}
	},
	series: [{
		name: '训练容量',
		type: 'bar',
		barWidth: '40%',
		itemStyle: {
			color: '#8471b7',
			borderColor: 'rgba(0,0,0,0)',
			borderRadius: 0,
			normal: {
				color: '#8471b7',
				borderColor: 'rgba(0,0,0,0)',
				borderRadius: 0,
				label: {
					show: true, // 显示标签
					position: 'top', // 标签位置在柱形图上方
					color: '#8471b7', // 标签颜色
					fontSize: 10 // 标签字体大小
				}
			},
		},
		data: []
	}]
};
export const chartOptions2 = {
	grid: {
		left: 10,
		containLabel: true
	},
	title: {
		text: '训练容量',
		subtext: '展示当日各动作训练总容量',
		textStyle: {
			color: '#333',
			fontSize: '13px'
		},
		subtextStyle: {
			color: '#666',
			fontSize: '10px'
		}
	},
	xAxis: {
		data: [],
		axisLine: {
			lineStyle: {
				color: '#ccc'
			}
		},
		axisTick: {
			show: false
		},
		axisLabel: {
			color: '#333',
			interval: 0
		}
	},
	yAxis: {
		splitLine: {
			lineStyle: {
				color: '#eee',
				type: 'dashed'
			}
		},
		axisLine: {
			lineStyle: {
				color: '#ccc'
			}
		},
		axisTick: {
			show: false
		},
		axisLabel: {
			color: '#333',
			fontSize: '10px'
		}
	},
	series: [{
			name: '训练容量',
			type: 'bar',
			barWidth: '40%',
			itemStyle: {
				color: '#8471b7',
				borderColor: 'rgba(0,0,0,0)',
				borderRadius: 0,

			},
			label: {
				show: true, // 显示标签
				position: 'top', // 标签位置
				color: '#8471b7', // 标签颜色
				fontSize: 10, // 标签字体大小    
				formatter: function(params) {
					// 富文本实现两行标签
					return `${params.data.value}`;
				},
			},
			data: [
				// {
				// 	value: 100,
				// 	labelText: '自定义A'
				// },
				// {
				// 	value: 200,
				// 	labelText: '自定义B'
				// },
				// {
				// 	value: 150,
				// 	labelText: '自定义C'
				// }
			]
		},
		{
			type: 'bar',
			data: [
				// {
				// 	value: 100,
				// 	labelText: '自定义A'
				// },
				// {
				// 	value: 200,
				// 	labelText: '自定义B'
				// },
				// {
				// 	value: 150,
				// 	labelText: '自定义C'
				// }
			],
			label: {
				show: true,
				position: 'insideBottom', // 内部底部显示
				formatter: function(params) {
					// 富文本实现两行标签
					return `${params.data.labelText}`;
				},
				color: '#000',
				fontSize: 12
			},
			itemStyle: {
				color: 'transparent' // 柱子透明
			}
		}
	]
};